body, html { height: 100%; -webkit-tap-highlight-color: transparent; box-sizing: border-box; background-color: #f4f4f4 !important; font-family: PingFangSC-Light, helvetica, 'Heiti SC'; }

ul, li, p { list-style: none; }

/* 通用*/
.clear, .cl { clear: both; }

.weui-tabbar { position: fixed !important;left: 0;bottom: 0;z-index: 1000; }

.weui-footer { margin-bottom: 70px; }

.bg-white { background: #fff; }

.demos-title { text-align: center; font-size: 34px; color: #3cc51f; font-weight: 400; margin: 0 15%; }

.demos-sub-title { text-align: center; color: #888; font-size: 14px; }

.demos-header { padding: 35px 0; }

.demos-content-padded { padding: 15px; }

.demos-second-title { text-align: center; font-size: 24px; color: #3cc51f; font-weight: 400; margin: 0 15%; }

footer { text-align: center; font-size: 14px; padding: 20px; }

footer a { color: #999; text-decoration: none; }

.red { color: #F00;}

/*======== 开发修改 ============*/

/*============提交表单=============*/
.top { width: 100%; }

.main { width: 100%; margin-top: 10px; background: #fff; height: auto; overflow: hidden; }

.main .weui-cells__title { font-size: 16px; }

.main .weui-cells__title i { color: #F60; margin-right: 10px; }

.weui-label i { margin-right: 5px; color: #090; font-size: 1rem; }

.sub_btn { width: 60%; margin: 10px auto; }

.myaddress_conn { float: left; width: 90%; }

.myaddress_pic { float: left; width: 10%; }

.myaddress_pic img { margin-top: 15px; }

.myaddress b { margin-right: 8px; }

.myaddress i { margin-left: 8px; color: #F00; font-style: normal; }

.myaddress a { color: #000; }

.myaddress_conn_add { height: 40px; line-height: 40px; }

.myaddress_conn_add img { display: block; float: left; width: 40px; margin-right: 20px; }

.myaddress_conn_add p { display: block; float: left; }

/* =========用户中心==========*/
.user_top { width: 100%; height: 120px; overflow: hidden; background: url(../images/head.png) #fff bottom center no-repeat; position: relative; z-index: 9999;}

.user_project {background: url(../images/head2.png) #fff bottom center no-repeat;}

.add_top_bg { background: url(../images/address-bg-bd.png) repeat-x; }

.add_top_bg .weui-cells__title { background: #fff; margin-bottom: 0; height: 40px; line-height: 40px; color: #F00; }

.user_top_conn { width: 100%; margin: 10px auto; }

.user_top .user_top_conn img { display: block; float: left; width: 90px; height: 90px; border-radius: 90px; border: solid 1px #fff; margin-left: 40px; }

.user_top .user_top_conn p { display: block; float: left; margin-left: 20px; line-height: 90px; color: #FFF; }

.user_top i {display: block; height: 25px; bottom: 20px;position: absolute; font-size: 12px; line-height: 25px; color: #FFF; font-style: normal; right: -10px; padding-left: 10px; padding-right: 20px;background-color: rgba(27, 27, 27, 0.3);border-radius: 25px; }

.user_top a { color: #FFF;}

.user_top .user_link { display: block; width: 100px; height: 25px; text-indent: 20px; font-size: 14px; line-height: 25px; color: #FFF; float: right; margin-right: 5px; margin-top: 8px; background: url(../images/shehzi.png) no-repeat left center;background-size: auto 20px; text-align: right; color: #F00;}

/*  会员中心*/
.member-tit { background: #fff; margin-bottom: 0; height: 40px; line-height: 40px; color: #F00; }

.member-tit .weui-cell { padding: 0 15px; }

.Order { width: 100%; background: #FFF; overflow: hidden; border-bottom: 1px solid #CCC }

.Order dl { width: 100%; height: 50px; margin: auto; border-bottom: 1px solid #e5e5e5; line-height: 50px; }

.Order dl dt { width: 100%; overflow: hidden; margin: auto }

.Order dl dt strong { display: block; float: left; font-size: 16px; color: steelblue; font-weight: normal; margin-left: 3% }

.Order dl dt strong i { margin-right: 10px; }

.Order dl dt span { display: block; float: right; background: url(../images/user_right.png) no-repeat right center; background-size: auto 18px; padding-right: 15px; font-size: 12px; color: #999; margin-right: 10px; }

.Order ul { width: 100%; height: 55px; padding-top: 5px; padding-bottom: 10px; }

.Order ul li { width: 20%; float: left; }

.Order ul li em { display: block; width: 35px; height: 35px; margin: auto; position: relative; }

.Order ul li em i { display: block; width: 18px; height: 18px; position: absolute; border: 1px solid #E71F19; font-size: 12px; line-height: 18px; text-align: center; border-radius: 50%; right: -5px; color: #E71F19; background: #FFF; font-style: normal; }

.Order ul li span { display: block; height: 20px; margin: auto; font-size: 12px; line-height: 20px; color: #666; text-align: center }

.ordem1, .ordem2, .ordem3, .ordem4 { background: url(../images/user1.png) no-repeat center center; background-size: auto 300px; }

.ordem1 { background: url(../images/gcs.png) no-repeat center center; }

.ordem2 { background: url(../images/paidan.png) no-repeat center center; }

.ordem3 {background: url(../images/status1.png) no-repeat center center; }

.ordem4 { background: url(../images/wancheng.png) no-repeat center center; }

.ordem5 { background: url(../images/zan.png) no-repeat center center; }

.Wallet { width: 100%; background: #FFF; overflow: hidden; }

.Wallet a { height: 50px; display: block; width: 100%; margin: auto; }

.Wallet a dl { width: 85%; overflow: hidden; line-height: 50px; float: right }

.Wallet a dl dt { float: left; font-size: 14px; color: #333; }

.Wallet a dl dd { float: right; background: url(../images/user_right.png) no-repeat right center; background-size: auto 18px; padding-right: 15px; font-size: 12px; color: #999; margin-right: 10px; }

.Wallet em { display: block; float: left; width: 15%; height: 50px; }

.border_bottm { border-bottom: 1px solid #e5e5e5; }

.Icon1 { background: url(../images/Icon1.png) no-repeat center center; background-size: auto 30px; }

.Icon_ok { background: url(../images/ok.png) no-repeat center center; background-size: auto 30px; }
.Icon_yanshouzhong { background: url(../images/yanshouzhong.png) no-repeat center center; background-size: auto 30px; }
.Icon_daiyanshou { background: url(../images/daiyanshou.png) no-repeat center center; background-size: auto 30px; }

.Icon_all { background: url(../images/all.png) no-repeat center center; background-size: auto 30px; }

.Icon_yuangong { background: url(../images/yuangong.png) no-repeat center center; background-size: auto 30px; }

.Icon2 { background: url(../images/Icon2.png) no-repeat center center; background-size: auto 30px; }

.Icon3 { background: url(../images/Icon3.png) no-repeat center center; background-size: 30px auto; }

.Icon4 { background: url(../images/icon_nav_panel.png) no-repeat center center; background-size: auto 30px; }

.Icon_woshou { background: url(../images/woshou.png) no-repeat center center; background-size: auto 30px; }

.Icon_add { background: url(../images/fuwu0.png) no-repeat center center; background-size: auto 30px; }

/* =======其他辅助页面=======*/
.news_conn h1 { text-align: center; font-size: 1em; margin-bottom: 1em; }

.news_conn { margin: 1.5em; }

.weui-media-box__title { color: #069;}

/* 工单列表 */
.weui-form-preview { margin-bottom: 20px;}

.weui-form-preview__value ul li i { color: #09F; margin-right: 5px;}

.op i { color: #F00; margin-right: 5px;}

/*分页样式*/
.page-div { text-align: center;}

#showpages { clear: both; padding: 0px; width: 100%; height: 40px; }

#pagesinfo { float: left; height: 40px; padding: 3px 8px; }

#pages { float: right; padding-right: 8px; white-space: nowrap; }

#pages ul { margin: 0; padding: 0; }

#pages a:link, #pages a:visited, #pages a:active { color: #505050; text-decoration: none; }

#pages a:hover { color: #ff0000; text-decoration: none; }

#pages a { margin: 3px; padding: 2px 5px; list-style-type: none; float: left; color: #505050; border: 1px solid #D0BD9F; background: #EDE5D3; white-space: nowrap; }

#pages a.pagesnow { color: #505050; background-color: #e4f2ff; white-space: nowrap; border: 1px #cde6ff solid; }

#pages a.pbutton { color: #505050; background-color: #e4f2ff; padding: 3px 5px 1px 5px; white-space: nowrap; border: 1px solid #D0BD9F; background: #EDE5D3; }

#pages .opt { margin-left: 8px; line-height: 30px; }

#pages a.on { background: #CCC; border: 1px solid #D0BD9F; }

#pages a.pbutton:hover { background: #F30; color: #FFF }

/* 服务列表*/

.weui-uploader__file {
    float: left;
    margin-right: 5px;
    margin-bottom: 9px;
    width: 30% !important;
    height: 79px;
    background: no-repeat 50%;
    background-size: cover;
}


.weui-form-preview:after {

    border-bottom: none;

}

.service-list { margin: 1px;}

.weui-flex__item { margin: 0 5px; position: relative;}

.weui-flex__item p {
    display: block;
    position: absolute;
    width: 100%;
    height: 30px;
    line-height: 30px;
    bottom: 8px;
    background: url(../images/ver.png);
    text-align: center;
    color: #FFF;
}

.green { color: #4DB415;}

.blue { color: #009966;}

.f14 .weui-btn { font-size: 14px !important; }

.f14 { font-size: 14px !important; }

.weui-tabbar p { margin: 0; padding: 0;}

#container { width: 100%; height: 200px;}

.amap-logo {
    right: 0 !important;
    left: auto !important;
    display: none !important;
    font-size: 0;
}

.amap-copyright {
    right: 0 !important;
    left: auto !important;
    display: none !important;
    font-size: 0;
}

.amap-icon img,
.amap-marker-content img {
    width: 25px;
    height: 34px;
}

.marker {
    position: absolute;
    top: -20px;
    right: -118px;
    color: #fff;
    padding: 4px 10px;
    box-shadow: 1px 1px 1px rgba(10, 10, 10, .2);
    white-space: nowrap;
    font-size: 12px;
    font-family: "";
    background-color: #25A5F7;
    border-radius: 3px;
}

.alert-error.manage-alert-error {
    background: #fff4f4 !important;
    color: #dd4b39 !important;
    border-color: #fdc0b9;
}

.alert-mobile-box { padding: 20px 15px;}

.alert-mobile-box .desc {
    font-size: 16px;
    color: gray;
    line-height: 23px;
    padding-bottom: 18px;
}

.alert-mobile-box .form-item {
    border: none;
    height: 50px;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}

.alert-mobile-box .form-item input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid #d9d9d9;
    outline: none;
    font-size: 16px;
    line-height: 50px;
    padding: 0;
    padding-left: 21px;
}

.alert-mobile-box .btn-submit {
    display: inline-block;
    margin-top: 20px;
    height: 56px;
    width: 100%;
    line-height: 56px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    background-color: #9b1f24;
    cursor: pointer;}

.alert-mobile-box .protocal {
    font-size: 12px;
    padding-top: 20px;
    text-align: center;
}

.alert-mobile-box a { color: green}

.jindulist { margin: 0 8px;}


.jindulist ul li { text-align: right; }


.margin10 { margin: 10px;}

/* 会员中心 积分 */
.aui-palace {
    padding: 0.5rem 0;
    position: relative;
    overflow: hidden;
}

.aui-palace-grid {
    position: relative;
    float: left;
    padding: 1px;
    width: 25%;
    box-sizing: border-box;
    margin: 5px 0;
}

.aui-palace-grid-icon {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    position: relative;
}

.aui-palace-grid-icon span {
    position: absolute;
    right: -19px;
    top: 0;
    background: #fe5059;
    color: #fff;
    font-size: 0.6rem;
    border-radius: 4px 0 4px 0;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
    padding: 0.1rem 0.3rem;
}

.aui-palace-grid-icon img {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
}

.aui-palace-grid-text {
    display: block;
    text-align: center;
    color: #333;
    font-size: 0.85rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-top: 0.2rem;
}

.aui-palace-grid-text h2 {
    font-size: 0.8rem;
    font-weight: normal;
    color: #666666;
}

.aui-palace-grid-text h5 {
    display: block;
    color: #d30000;
    border-right: solid 1px #efefef;
}

.aui-palace-grid-text h4 {
    display: block;
    border-right: solid 1px #efefef;
}


.aui-palace-grid-text .no-border {
    border: none;
}

/*锯齿形状*/
.juchi {
    width: 100%;height: 18px;background: #41B61A;
    background-image: -webkit-gradient(radial,
    50% -40%,0,50% 0 ,17, from(transparent), color-stop(.5, transparent), color-stop(.5, #e5e5e5), to(#ffffff)),
    -webkit-gradient(linear, 50% 0, 100% 100%, from(transparent), color-stop(.5, transparent), color-stop(.5, #e5e5e5), to(#e5e5e5));
    background-image: -moz-linear-gradient(50% 0 -45deg, transparent, transparent 50%, #e5e5e5 50%, #e5e5e5),
    -moz-linear-gradient(50% 0 -135deg, transparent, transparent 50%, #e5e5e5 50%, #e5e5e5);
    background-size: 17px 17px;
    background-repeat: repeat-x;
    background-position: 0 100%;
    border-bottom: none;
}